<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="renderer" content="webkit">
    <title></title>
    <link rel="stylesheet" th:href="@{/css/pintuer.css}">
    <link rel="stylesheet" th:href="@{/css/admin.css}">

    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/css/materialdesignicons.min.css}" rel="stylesheet">

    <!--标签插件-->
    <script th:src="@{/js/jquery.js}"></script>
    <script th:src="@{/js/pintuer.js}"></script>

    <script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/perfect-scrollbar.min.js}"></script>
    <!--标签插件-->
    <script th:src="@{/js/jquery-tags-input/jquery.tagsinput.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/main.min.js}"></script>

    <!--标签插件-->
    <link rel="stylesheet" th:href="@{/js/jquery-tags-input/jquery.tagsinput.min.css}">
    <link th:href="@{/css/style.min.css}" rel="stylesheet">
</head>
<body>
<div class="lyear-layout-web">
    <div class="lyear-layout-container">

        <!--左侧导航-->
        <aside class="lyear-layout-sidebar">

            <!-- logo -->
            <div id="logo" class="sidebar-header">
                <a href="index.html"><img th:src="@{/images/00000.png}" title="LightYear" alt="LightYear"/></a>
            </div>
            <div class="lyear-layout-sidebar-scroll">

                <nav class="sidebar-main">
                    <ul class="nav nav-drawer">
                        <li class="nav-item"><a th:href="@{/main/index}"><i class="mdi mdi-home"></i> 后台首页</a></li>
                        <li class="nav-item nav-item-has-subnav">
                            <a href="javascript:void(0)"><i class="mdi mdi-palette"></i>人事系统</a>
                            <ul class="nav nav-subnav">
                                <li><a th:href="@{/emp/emps}">员工信息管理</a></li>
                                <li><a th:href="@{/attendance/list}">考勤管理</a></li>
                            </ul>
                        </li>
                        <li class="nav-item nav-item-has-subnav">
                            <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> 销售系统</a>
                            <ul class="nav nav-subnav">
                                <li><a th:href="@{/order/pageOrder}">订单信息管理</a></li>
                                <li><a th:href="@{/car/pageCar}">销售展示管理</a></li>
                            </ul>
                        </li>
                        <li class="nav-item nav-item-has-subnav">
                            <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i>售后系统</a>
                            <ul class="nav nav-subnav">
                                <li><a th:href="@{/shopmaintain/doingmaintain}">维修商品信息</a></li>
                                <li><a th:href="@{/shopmaintain/getAllApply}">商品零件申请信息</a></li>
                                <li><a th:href="@{/shopmaintain/getAllApplyStateIs1}">所有已申请零件</a></li>
                            </ul>
                        </li>
                        <li class="nav-item nav-item-has-subnav">
                            <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i>买卖订单</a>
                            <ul class="nav nav-subnav">
                                <li><a th:href="@{/car/carSystem}">购买管理</a></li>
                                <li><a th:href="@{/part/partSystem}">发送管理</a></li>

                            </ul>
                        </li>
                        <li class="nav-item nav-item-has-subnav">
                            <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> 财务系统</a>
                            <ul class="nav nav-subnav">
                                <li><a th:href="@{/empSalary/showNowAllSalary}">收入综合管理</a></li>
                                <li><a th:href="@{/analyze/index}">收入综合分析</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>

                <div class="sidebar-footer">

                </div>
            </div>

        </aside>
        <!--End 左侧导航-->

        <!--头部信息-->
        <header class="lyear-layout-header">

            <nav class="navbar navbar-default">
                <div class="topbar">

                    <div class="topbar-left">
                        <div class="lyear-aside-toggler">
                            <span class="lyear-toggler-bar"></span>
                            <span class="lyear-toggler-bar"></span>
                            <span class="lyear-toggler-bar"></span>
                        </div>
                        <span class="navbar-page-title"> 增加信息 </span>
                    </div>

                    <ul class="topbar-right">
                        <li class="dropdown dropdown-profile">
                            <a href="javascript:void(0)" data-toggle="dropdown">
                                <img class="img-avatar img-avatar-48 m-r-10" th:src="@{/images/users/avatar.jpg}"
                                     alt="笔下光年"/>
                                <span>商城后台 <span class="caret"></span></span>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a></li>
                                <li><a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a>
                                </li>
                                <li><a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
                                <li class="divider"></li>
                                <li><a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a>
                                </li>
                            </ul>
                        </li>
                        <!--切换主题配色-->
                        <li class="dropdown dropdown-skin">
                            <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
                            <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
                                <li class="drop-title"><p>主题</p></li>
                                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
                    <label for="site_theme_1"></label>
                  </span>
                                    <span>
                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
                    <label for="site_theme_2"></label>
                  </span>
                                    <span>
                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
                    <label for="site_theme_3"></label>
                  </span>
                                </li>
                                <li class="drop-title"><p>LOGO</p></li>
                                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
                    <label for="logo_bg_1"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
                    <label for="logo_bg_2"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
                    <label for="logo_bg_3"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
                    <label for="logo_bg_4"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
                    <label for="logo_bg_5"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
                    <label for="logo_bg_6"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
                    <label for="logo_bg_7"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
                    <label for="logo_bg_8"></label>
                  </span>
                                </li>
                                <li class="drop-title"><p>头部</p></li>
                                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
                    <label for="header_bg_1"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
                    <label for="header_bg_2"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
                    <label for="header_bg_3"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
                    <label for="header_bg_4"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
                    <label for="header_bg_5"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
                    <label for="header_bg_6"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
                    <label for="header_bg_7"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
                    <label for="header_bg_8"></label>
                  </span>
                                </li>
                                <li class="drop-title"><p>侧边栏</p></li>
                                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
                    <label for="sidebar_bg_1"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
                    <label for="sidebar_bg_2"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
                    <label for="sidebar_bg_3"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
                    <label for="sidebar_bg_4"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
                    <label for="sidebar_bg_5"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
                    <label for="sidebar_bg_6"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
                    <label for="sidebar_bg_7"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
                    <label for="sidebar_bg_8"></label>
                  </span>
                                </li>
                            </ul>
                        </li>
                        <!--切换主题配色-->
                    </ul>

                </div>
            </nav>

        </header>
        <!--End 头部信息-->

        <main class="lyear-layout-content">

            <div class="container-fluid">

                <div class="panel admin-panel">
                    <div class="panel-head" id="add"><strong><span class="icon-pencil-square-o"></span>增加维修商品信息</strong>
                    </div>
                    <div class="body-content">
                        <form method="#" class="form-x" action="#">

                            <div class="form-group">
                                <div class="label">
                                    <label>单号：</label>
                                </div>
                                <div class="field">
                                    <input type="text" class="input w50" id="carNumber" value="" placeholder="单号"
                                           data-validate="required:请输入单号"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="label">
                                    <label>维修类型：</label>
                                </div>
                                <div class="field">
                                    <input type="text" class="input w50" id="maintainType" value=""
                                           placeholder="限定为家具、服饰、电子维修" data-validate="required:请输入维修类型"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="label">
                                    <label>商品号：</label>
                                </div>
                                <div class="field">
                                    <input type="text" class="input w50" id="plateNumber" value="" placeholder="商品号"
                                           data-validate="required:请输入商品号"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="label">
                                    <label>类别：</label>
                                </div>
                                <div class="field">
                                    <input type="text" class="input w50" id="carType" value="" placeholder="类别"
                                           data-validate="required:请输入类别"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="label">
                                    <label>颜色：</label>
                                </div>
                                <div class="field">
                                    <input type="text" class="input w50" id="color" value="" placeholder="颜色"
                                           data-validate="required:请输入颜色"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="label">
                                    <label>vin号：</label>
                                </div>
                                <div class="field">
                                    <input type="text" class="input w50" id="vinNum" value="" placeholder="vin号"
                                           data-validate="required:请输入vin号"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="label">
                                    <label>所属识别号 ：</label>
                                </div>
                                <div class="field">
                                    <input type="text" class="input w50" id="engineNumber" value="" placeholder="所属识别号 "
                                           data-validate="required:请输入所属识别号"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="label">
                                    <label>送修人：</label>
                                </div>
                                <div class="field">
                                    <input type="text" class="input w50" id="person" value="" placeholder="送修人"
                                           data-validate="required:请输入送修人"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="label">
                                    <label>工号：</label>
                                </div>
                                <div class="field">
                                    <input type="text" class="input w50" id="jobNum" value="" placeholder="工号"
                                           data-validate="required:请输入工号"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="label">
                                    <label></label>
                                </div>
                                <div class="field">
                                    <button class="button bg-main icon-check-square-o" type="button" onclick="sub()"> 提交
                                    </button>
                                    <button class="button bg-main icon-check-square-o" type="button" onclick="fanhui()">
                                        返回
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </main>

    </div>
</div>
<script th:inline="javascript">
    var basePath = [[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]];

    function fanhui() {
        location.href = basePath + '/shopmaintain/doingmaintain';
    }

    function sub() {
        var carNumber = document.getElementById("carNumber").value;
        var maintainType = document.getElementById("maintainType").value;
        var plateNumber = document.getElementById("plateNumber").value;
        var carType = document.getElementById("carType").value;
        var color = document.getElementById("color").value;
        var vinNum = document.getElementById("vinNum").value;
        var engineNumber = document.getElementById("engineNumber").value;
        var person = document.getElementById("person").value;
        var jobNum = document.getElementById("jobNum").value;
        $.ajax({
            url: basePath + '/shopmaintain/addShopMaintain',
            type: "POST",
            data: {
                "carNumber": carNumber,
                "maintainType": maintainType,
                "plateNumber": plateNumber,
                "carType": carType,
                "color": color,
                "vinNum": vinNum,
                "engineNumber": engineNumber,
                "person": person,
                "jobNum": jobNum
            },
            success: function (data) {
                console.log("返回结果" + data);
                if (data == 1) {
                    alert("添加成功");
                    window.location.reload();
                } else {
                    alert("添加失败，请确认所有输入框内有内容");
                }

            },
            error: function () {
                console.log("请求出错");
                alert("请求出错");
            }
        });

    }
</script>
</body>
</html>
